<template>
	<view :style="{ height: statusBarHeight + 'px', backgroundColor: color }"></view>
</template>

<script>
export default {
	name: 'status-bar',
	data() {
		return {
			statusBarHeight: uni.getSystemInfoSync().statusBarHeight
		};
	},
	props: {
		color: {
			type: String,
			default: ''
		}
	}
};
</script>

<style></style>
